@layout("/common/_container.html",{js:["/assets/modular/sim/history_usage/history_usage.js","/assets/expand/plugins/jquery/jquery-3.2.1.min.js"]}){

<div id="myContiner">
    <div class="ui-layout-center">
        <div class="layui-fluid">
            <div class="layui-row">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body">
                            <div class="layui-form toolbar">
                                <div class="layui-form-item">
                                    <div class="layui-inline">
                                        <select id ="dateType" name="dateType" lay-filter="dateType" lay-verify="required">
                                            <option value="0" selected>按日</option>
                                            <option value="1">按月</option>
                                        </select>
                                    </div>
                                    <div class="layui-inline">
                                        <select id ="queryDate" name="queryDate" lay-verify="required">
                                        </select>
                                    </div>
                                    <div class="layui-inline">
                                        <input id="msisdn" class="layui-input" type="text" placeholder="MSISDN"/>
                                    </div>
                                    <div class="layui-inline">
                                        <input id="iccid" class="layui-input" type="text" placeholder="ICCID"/>
                                    </div>
                                    <div class="layui-inline">
                                        <input id="imsi" class="layui-input" type="text" placeholder="IMSI"/>
                                    </div>
                                    <div class="layui-inline">
                                        <button id="btnSearch" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>查询</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-tab layui-tab-card" lay-filter="demo">
                        <ul class="layui-tab-title">
                            <li class="layui-this" lay-id="gprs">GPRS</li>
                            <li lay-id="sms">短信</li>
                            <li lay-id="voice">语音</li>
                        </ul>
                        <div class="layui-tab-content">
                            <div class="layui-tab-item layui-show">
                                <div class="layui-card">
                                    <div class="layui-card-body">
                                        <table class="layui-table" id="simGprsTable" lay-filter="simGprsTable"></table>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-tab-item">
                                <div class="layui-card">
                                    <div class="layui-card-body">
                                        <table class="layui-table" id="simSmsTable" lay-filter="simSmsTable"></table>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-tab-item">
                                <div class="layui-card">
                                    <div class="layui-card-body">
                                        <table class="layui-table" id="simVoiceTable" lay-filter="simVoiceTable"></table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
@}